<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>TelSoft WebShowcase</title>
    </h:head>

    <body>
        <h:form id="mainForm">
            <pe:layout id="fullPage" widgetVar="layoutWidget">
                <h:form id="northForm">
                    <pe:layoutPane position="north" size="50">
                    </pe:layoutPane>
                </h:form>
                <h:form id="leftForm">
                    <pe:layoutPane position="west" size="250">
                        <f:facet name="header">
                            Components and more
                        </f:facet>
                        <ui:insert name="left">
                            <ui:include src="/usercontrols/left/left.xhtml" />
                        </ui:insert>
                    </pe:layoutPane>
                </h:form>
                <h:form id="centerForm">
                    <pe:layoutPane position="center">

                    </pe:layoutPane>
                </h:form>
                <h:form id="rightForm" style="font-size: 13px">
                    <pe:layoutPane position="east" size="300" >
                        <pe:layoutPane position="north" size="200">
                            <f:facet name="header">
                                Use Cases
                            </f:facet>
                        </pe:layoutPane>
                        <pe:layoutPane position="center">
                            <f:facet name="header">
                                Documentation
                            </f:facet>
                            <ui:insert name="left">
                                <ui:include src="/modules/AttributeAndEvent.xhtml" />
                            </ui:insert>
                        </pe:layoutPane>
                    </pe:layoutPane>
                </h:form>
                <h:form id="bottomForm">
                    <pe:layoutPane position="south" size="30">
                        <h:outputLabel style="font-size: 11px">PrimeFaces: 3.3.1,	PrimeFaces Extensions: 0.5.1,	JSF-Impl.: Mojarra 2.1.9</h:outputLabel>
                        <h:outputLabel style="float: right; font-size: 11px">TelSoft JSF Showcase</h:outputLabel>
                    </pe:layoutPane>
                </h:form>
            </pe:layout>
        </h:form>
    </body>

</html>
